<!DOCTYPE html>
<html mip>

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <title>发起问题</title>
    <script src="js/sweetalert2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
    <style type="text/css">
        #title{
            width: 92%;
            height: 25px;
            padding: 15px 4%;
            font-size: 15px;
        }
        #description{
            width:92%;
            height: 200px;
            padding: 15px 4%;
            font-size: 14px;
        }
        ::-webkit-input-placeholder { /* WebKit browsers */
            color: rgb(211, 216, 223);
            font-size: 14px;
        }
        .wenda-header {
            position: relative;
            width: 100%;
            padding: 5px 0px;
            background-color: #ffffff;
        }
        .wenda-header > ul {
            overflow: hidden;
            list-style: none;
            margin: 5px 8px;
            border:0px;
        }
        .wenda-header > ul > li {
            float: left;
        }
        .wenda-header > ul > li:nth-child(1) {
            width: 80%;
        }
        .wenda-header > ul > li:nth-child(2) {
            width: 20%;
            text-align: right;
        }
        .wenda-header > ul > li > img {
            width: 230px;
        }
        .wenda-header > ul > li > a {
            display: inline-block;
            padding: 5px 10px;
            background-color: #56a4ff;
            color: #fff;
            text-decoration: none;
            font-size: 15px;
            margin-top:2px;
            border-radius: 5px;
        }
        *{
            margin:0;
            padding: 0;
        }
        ul{
            background-color: #fff;
            overflow: hidden;
            /*border:1px solid #dfdfdf;*/
            list-style-type: none;
        }
        .question-title>ul{
            overflow: hidden;
            height: 30px;
            width: 100%;
            text-align: center;
            margin-top: 10px;

        }
        .question-title>ul>li:nth-child(1){
            float: left;
            width: 15%;
        }
        .question-title>ul>li:nth-child(2){
            width: 65%;
            float: left;
            color: #656565;
            font-size: 17px;
            text-decoration: none;
        }
        .question-title>ul>li:nth-child(3){
            float: left;
            width: 20%;
        }
        .question-title>ul>li:nth-child(3)>a{
            color: #56a4ff;
            text-decoration: none;
        }
    </style>
</head>

<body>
<header class="wenda-header">
    <ul>
        <li><img src="../img/head.png"> </li>
        <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yuekao.kaoyanquestion">下载</a></li>
    </ul>
</header>
<hr color="#dfdfdf">
<div class="question-title">
    <ul>
        <li><a href="index.html"><img src="../img/back.png" width=10px height="17px"></a></li>
        <li>发起提问</li>
        <li id="next">下一步</li>
    </ul>
</div>
<hr color="#dfdfdf">
<div>
    <textarea id="title" maxlength="40" rows="2" placeholder="写下你的问题标题吧~"></textarea>
    <hr color="#dfdfdf" width="92%" style="margin-left: 4%">
    <textarea id="description" placeholder="详细描述你的问题,会有更多小伙伴为你出谋划策哦~"></textarea>
</div>
</body>
<script type="text/javascript">
    $('#next').click(function () {
        if($('#title').val()==""){
            alert('标题不能为空');
//            swal('标题不能为空');
            return;
        }
        window.localStorage.setItem('title',$('#title').val());
        window.localStorage.setItem('description',$('#description').val());
        window.location = 'addQuestionNext.html';
    })
</script>
</html>